<template>
  <!--  组件的结构-->
    <div class="demo">
        <h2>学校名称：{{ name }}</h2>
        <h2>学校名称：{{ address }}</h2>
        <button>点我提示</button>
    </div>
</template>

<script>
// 组件的交互代码
export default {
    name: "School",
    data() { // 组件一定要使用普通函数的定义
        return {
            name: 'zhuangxiaoyan',
            address: '上海',
        }
    },
}
</script>

<style scoped>
/*组件的样式*/
.demo {
    background-color: #00afff;
}
</style>